{"id":13990,"date":"2019-10-07T17:56:59","date_gmt":"2019-10-07T21:56:59","guid":{"rendered":"http:\/\/dev.gravityforms.com\/?page_id=13990"},"modified":"2020-03-04T18:52:41","modified_gmt":"2020-03-04T23:52:41","slug":"get-started-with-gravity-forms-second-step-create-and-embed-a-form","status":"publish","type":"page","link":"https:\/\/www.gravityforms.com\/get-started-with-gravity-forms-second-step-create-and-embed-a-form\/","title":{"rendered":"Get Started with Gravity Forms. Second Step: Create and Embed a Form"},"content":{"rendered":"\t\t\t\t<h1 class=\"gf_pageheader\">Get Started with Gravity Forms in Minutes!<\/h1>\r\n\r\n<div >\r\n\r\n<h2 class=\"gf_subheader\">Great job so far! Now you will learn how to create and embed your first form!<\/h2>\r\n\r\n<div id=\"gf_content_wrapper\" class=\"home-content-wrapper\">\r\n<h1 style=\"margin-top:30px;\">2. Create and Embed your First Form<\/h1>\r\n\t\t\t\t<!--STEP 1 create your new form-->\t\r\n\r\n\r\n<p style=\"padding-bottom:20px;\">To create your first form, open the Forms menu and select <strong>New Form<\/strong>. To add a form field, simply click or drag the field you would like to add to your form. The Gravity Forms toolbox consists of an accordion interface that allows you to select which field types you would like to add.<\/p>\r\n\t\t\r\n<span class=\"video-frame-outer\"><div class=\"video-frame\">\r\n<!-- The script tag should live in the head of your page if at all possible -->\r\n<script type=\"text\/javascript\" async src=\"https:\/\/play.vidyard.com\/embed\/v4.js\"><\/script>\r\n\r\n<!-- Put this wherever you would like your player to appear -->\r\n<img\r\n  style=\"width: 100%; margin: auto; display: block;\"\r\n  class=\"vidyard-player-embed\"\r\n  src=\"https:\/\/play.vidyard.com\/UnHbydiwL2ryP5kUxKg72k.jpg\"\r\n  data-uuid=\"UnHbydiwL2ryP5kUxKg72k\"\r\n  data-v=\"4\"\r\n  data-type=\"inline\"\r\n\/>\r\n<\/div><\/span>\r\n\r\n\r\n<p style=\"padding-bottom:20px;\">To embed your first Gravity Form, open the <strong>page<\/strong> or <strong>post<\/strong> you wish to add it to. Then, click the <strong>plus sign (+)<\/strong> to add a <strong>new block<\/strong>. In the Search for a block field, type \"Gravity\". Under Embeds, click on Form. This will insert the <strong>Gravity Forms<\/strong> block. Click the <strong>Select a Form<\/strong> drop down and choose the form you want to embed.<\/p>\r\n\r\n\r\n<div class=\"alert_blue\">\r\nThere are additional ways to embed your form to your site such as using the Classic Editor, using a short code, and using a Theme file. Visit <a href=\"https:\/\/docs.gravityforms.com\/category\/user-guides\/getting-started\/add-form-to-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">our documentation <span class=\"screen-reader-text\">(opens in a new tab) for additional methods.<\/span> to view the additional ways.<\/a><\/div>\r\n\r\n<!--TEMPLATES-->\t\t\t\r\n<p style=\"margin:0 auto; padding-bottom:20px;\">If you need some inspiration, we have included some form templates to help you get quickly started.<\/p>\t\t\t\r\n<div class=\"\" style=\"max-width:1000px\">\r\n<ul id=\"gf_customer_profile_links\" class=\"menu\" style=\"margin-bottom: 0px !important;margin-top: 0px !important;\">\r\n<li id=\"menu-item-10938\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-10938\"><a href=\"https:\/\/gravitymarketing.s3.amazonaws.com\/gravityforms-advanced-contact-form-template.json.zip\" download=\"Advanced Contact Form\" >Advanced Contact Form<\/a><\/li>\r\n<li id=\"menu-item-10938\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-10938\"><a href=\"https:\/\/gravitymarketing.s3.amazonaws.com\/gravityforms-employment-application-form-template.json.zip\" download=\"Employment Application Form\">Employment Application Form<\/a><\/li>\r\n<li id=\"menu-item-10937\" class=\"menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-page-parent menu-item-10937\"><a href=\"https:\/\/gravitymarketing.s3.amazonaws.com\/gravityforms-advanced-conditional_logic-form-template.json.zip\" download=\"Conditional Logic Form\">Conditional Logic Form<\/a><\/li>\r\n<\/ul>\r\n<!--I duplicated the list because this rules throws the alignment off #gf_customer_profile_links li:first-child line 4650-->\r\n\r\n<ul id=\"gf_customer_profile_links\" class=\"menu\" style=\"margin-top: 0px !important;\">\r\n<li id=\"menu-item-10938\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-10938\"><a href=\"https:\/\/gravitymarketing.s3.amazonaws.com\/gravityforms-multi-page-form-template.json.zip\" download=\"Multi-Page Form\">Multi-Page Form<\/a><\/li>\r\n<li id=\"menu-item-10938\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-10938\"><a href=\"https:\/\/gravitymarketing.s3.amazonaws.com\/gravityforms-pizza-order-form-template.json.zip\" download=\"Pizza Order Form\">Pizza Order Form<\/a><\/li>\r\n<li id=\"menu-item-10937\" class=\"menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-page-parent menu-item-10937\"><a href=\"https:\/\/gravitymarketing.s3.amazonaws.com\/gravityforms-survey-form-template.json.zip\" download=\"Survey Form\">Survey Form<\/a><\/li>\r\n<\/ul> \r\n\r\n<p style=\"margin:0; padding-bottom:20px;\"> After you download the templates, you can import the forms using the \"Import Forms\" option, located in the \"Import\/Export\" menu of Gravity Forms<\/p>\r\n\r\n<img loading=\"lazy\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2019-09-17-at-7.45.30-AM-1024x394-1.png\" alt=\"Install Gravity Forms Templates\" width=\"1024\" height=\"394\" class=\"aligncenter size-full wp-image-14395\" style=\"max-width:600px; width: 100%; height: auto; border: .5rem solid rgba(220,225,227,.5)\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2019-09-17-at-7.45.30-AM-1024x394-1.png 1024w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2019-09-17-at-7.45.30-AM-1024x394-1-300x115.png 300w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2019-09-17-at-7.45.30-AM-1024x394-1-768x296.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\r\n\r\n<!--Current style divider-->\r\n<div class=\"rule rule_or rule_gray\"><\/div>\r\n\r\n<div class=\"\" style=\"max-width:1000px;\">\r\n<ul id=\"gf_customer_profile_links\" class=\"menu\">\r\n<li id=\"menu-item-10937\" class=\"menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-page-parent menu-item-10937\" style=\"float:left;\"><a href=\"\/get-started-with-gravity-forms-first-step\/\" style=\"background-color: #3E7DA6;\">Previous: Install Gravity Forms<\/a><\/li>\r\n<li id=\"menu-item-10937\" class=\"menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-page-parent menu-item-10937\" style=\"float:right;\"><a href=\"\/get-started-with-gravity-forms-third-step\/\" style=\"background-color: #ef4811;\">Next: Connect an Add-On<\/a><\/li>\r\n<\/ul>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\t\t","protected":false},"excerpt":{"rendered":"Get Started with Gravity Forms in Minutes! Great job so far! Now you will learn how to create and embed your first form! 2. Create and Embed your First Form To create your first form, open the Forms menu and select New Form. To add a form field, simply","protected":false},"author":212026,"featured_media":14394,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width-centered-no-title.php","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v16.5 (Yoast SEO v16.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Get Started with Gravity Forms. Second Step: Create and Embed a Form | Gravity Forms<\/title>\n<meta name=\"description\" content=\"We know you&#039;ll enjoy the most popular WordPress form builder. This short guide will help you get Gravity Forms up and running in just 3 easy steps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.gravityforms.com\/get-started-with-gravity-forms-second-step-create-and-embed-a-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Get Started with Gravity Forms. Second Step: Create and Embed a Form\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gravityforms.com\/get-started-with-gravity-forms-second-step-create-and-embed-a-form\/\" \/>\n<meta property=\"og:site_name\" content=\"Gravity Forms\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GravityForms\" \/>\n<meta property=\"article:modified_time\" content=\"2020-03-04T23:52:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Gravity_Forms_WordPress@2x.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GravityForms\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.gravityforms.com\/#organization\",\"name\":\"Gravity Forms\",\"url\":\"https:\/\/www.gravityforms.com\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/GravityForms\",\"https:\/\/twitter.com\/GravityForms\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.gravityforms.com\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/gravity_forms_logo.jpg\",\"contentUrl\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/gravity_forms_logo.jpg\",\"width\":268,\"height\":294,\"caption\":\"Gravity Forms\"},\"image\":{\"@id\":\"https:\/\/www.gravityforms.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gravityforms.com\/#website\",\"url\":\"https:\/\/www.gravityforms.com\/\",\"name\":\"Gravity Forms\",\"description\":\"WordPress Contact Forms\",\"publisher\":{\"@id\":\"https:\/\/www.gravityforms.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.gravityforms.com\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.gravityforms.com\/get-started-with-gravity-forms-second-step-create-and-embed-a-form\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Gravity_Forms_WordPress@2x.png\",\"contentUrl\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Gravity_Forms_WordPress@2x.png\",\"width\":2400,\"height\":1200,\"caption\":\"Gravity Forms WordPress Form Builder\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gravityforms.com\/get-started-with-gravity-forms-second-step-create-and-embed-a-form\/#webpage\",\"url\":\"https:\/\/www.gravityforms.com\/get-started-with-gravity-forms-second-step-create-and-embed-a-form\/\",\"name\":\"Get Started with Gravity Forms. Second Step: Create and Embed a Form | Gravity Forms\",\"isPartOf\":{\"@id\":\"https:\/\/www.gravityforms.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.gravityforms.com\/get-started-with-gravity-forms-second-step-create-and-embed-a-form\/#primaryimage\"},\"datePublished\":\"2019-10-07T21:56:59+00:00\",\"dateModified\":\"2020-03-04T23:52:41+00:00\",\"description\":\"We know you'll enjoy the most popular WordPress form builder. This short guide will help you get Gravity Forms up and running in just 3 easy steps.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.gravityforms.com\/get-started-with-gravity-forms-second-step-create-and-embed-a-form\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gravityforms.com\/get-started-with-gravity-forms-second-step-create-and-embed-a-form\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.gravityforms.com\/get-started-with-gravity-forms-second-step-create-and-embed-a-form\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Gravity Forms\",\"item\":\"https:\/\/www.gravityforms.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Get Started with Gravity Forms. Second Step: Create and Embed a Form\"}]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/pages\/13990"}],"collection":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/users\/212026"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/comments?post=13990"}],"version-history":[{"count":0,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/pages\/13990\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/media\/14394"}],"wp:attachment":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/media?parent=13990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}